@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

/* html {
   scroll-behavior: smooth;
 }*/

body {
   font-family: 'Poppins', sans-serif !important;
   background-color: #d8eaf1 !important;
}

/* body::-webkit-scrollbar {
   width: 7px;
 }
 
 body::-webkit-scrollbar-thumb {
   background-color: rgb(175, 175, 175);
   border-radius: 10px;
 } */

/* .tblMarklist, .tblMarklist tr {
   border: 1px solid black;
} */

.tblMarklist td {
   padding: 0px 10px;
}

.tblMarklist-deatils, .tblMarklist-deatils tr {
   border: 1px solid black;
}

.tblMarklist-deatils td {
   border: 1px solid black;
   padding: 0px 10px;
}

.tblMarklist-mark-section th, .tblMarklist-mark-section td {
   border: 1px solid black;
   text-align: center;
}

.tbl-heading {
   font-weight: 500 !important;
   color: #4747d2 !important;
   margin-bottom: 5px;
   margin-top: 5px;
}

.tblMarklist-mark-section td label {
   font-weight: 500 !important;
   margin: 5px 0px !important;
}

.certificate-content {
   margin: 20px 0px;
}

.fillField {
   border-bottom: 2px dotted black !important;
   text-align: center;
}

.certificate-container {
   /* background: radial-gradient(#e66465, #9198e5); */
   background-size: contain; 
   height: 1300px;
   /* width: 850px; 
   margin: 50px 100px;  */
   /* padding: 65px; */
}

/* .tblCertificate tr, .tblCertificate td {
   border: 1px solid black;
} */

.form-group label {
   font-weight: 500 !important;
}

.form-group label:first-child {
   color: #4747d2;
}

.form-group {
   line-height: 23px !important;
   margin-bottom: 0px !important;
}

.progress.active .progress-bar {
   -webkit-transition: none !important;
   transition: none !important;
}

.header-container {
   background: #1e73be;
   color: white;
   font-weight: normal;
   font-style: normal;
   font-size: 14px;
   padding: 9px;
   text-align: center;
}

.header-container-sub {
   background: #1e73be;
   color: white;
   font-weight: normal;
   font-style: normal;
   font-size: 14px;
   padding: 9px;
   text-align: center;
   display: none;
}

.sysView {
   display: block;
}

.mobView {
   display: none;
}

.examRegContainer {
   display: flex;
   justify-content: center;
}

.examRegContainerDiv {
   width: 30%;
}

.exam-div-container-list {
   padding-left: 0px; 
   padding-right: 0px; 
   height: 70%; 
   display: flex; 
   justify-content: center; 
   align-items: center;
}

.app-form-container {
   display: flex;
   justify-content: center;
   line-height: 35px;
}

.app-form-response-center {
   display: flex;
   justify-content: center;
   line-height: 35px;
}

.onloadEnquiryModal-response-center {
   display: flex;
   justify-content: center;
   line-height: 35px;
}

.form-control {
   background-color: white !important;
}

.close {
   opacity: 1 !important;
}

.form-check-input {
   margin-top: 10px !important;
}

.form-check-label {
   margin-left: 20px !important;
   font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-header {
   background-color: #1e73be !important;
}

.enquiryform-modal-body {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.enquiryform-logo-container {
   margin: 30px 0px 15px 0px;
}

.enquiryform-header-logo {
   width: 275px;
}

.enquiryform-form-container {
   margin: 15 0px 15px 0px;
}

.enquiryform-button-container {
   margin: 15px 0px 30px 0px;
}

#onloadEnquiryModal .modal-dialog {
   max-width: 400px !important;
}

#onloadEnquiryModal .modal-content {
   background-color: #c9eef6 !important;
}

.form-error-message {
   color: Red; 
   font-size: 12px;
}

.spinner-border-sm {
   width: 2rem !important;
   height: 2rem !important;
   border-width: 0.2em !important;
}

.div-upload-gallery {
   border: 1px solid lightgray;
   display: flex;
   height: 200px;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

#btnBack {
    margin-top: 15px;
}

.btn-choose-file {
   margin-bottom: 17px !important;
}

.app-form-user-profile {
   display: flex;
   justify-content: center;
   margin-bottom: 30px;
}

.user_profile_pic {
   vertical-align: middle;
   width: 100px;
   height: 100px;
   border-radius: 50%;
}

.app-form-image-upload-div {
   border: 1px solid;
   height: 155px;
   width: 126px;
   position: relative;
}

.app-form-image-upload-div:hover {
   cursor: pointer;
}

.app-form-image-upload-div i {
   font-size: 17px;
   color: white;
   display: flex;
   align-items: center;
}

.app-form-image-upload-div span {
    /* display: flex; */
    font-size: 12px;
    color: white;
    /* justify-content: center; */
}

.app-form-image-upload-div img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.image-upload-text {
   display: flex;
   justify-content: space-evenly;
   position: absolute;
   bottom: 0;
   width: 100%;
   background-color: black;
   opacity: 0.5;
}

#txtCourseDuration {
   background-color: white;
}

.social-media-link {
   margin: 2px;
   font-size: 22px !important;
   color: white;
}

.sub-content-heading {
   text-align: center;
   font-size: 36px;
   padding: 40px 40px 5px 40px;
}

.header-block-logo {
   width: 145px;
   /* transition: all .35s ease-in-out; */
}

.page-site-map-container {
   padding: 7px 0px 7px 15px;
   color: white;
}

.page-site-map-container a {
   color: white;
}

.page-site-map-arrow {
   display: inline;
   margin: 0px 7px 0px 7px;
}

.page-site-map-home {
   display: inline;
}

.page-site-map-page {
   display: inline;
}

.content-seperation-heading { 
   margin-bottom: 30px; 
}

.about-container-image {
   object-fit: contain;
   object-position: center center;
}

.why-choose-us-container-head {
   background-color: #1e73be;
}

.why-choose-us-container-div-row-first {
   margin-top: 40px;
}

.why-choose-us-list {
   margin-bottom: 40px;
}

.opportunity-container-sub-heading {
   font-size: x-large; 
   color: #ca2727; 
   text-align: center; 
   margin-top: 15px;
}

.opportunity-container-content {
   margin: 25px; 
   font-size: 17px; 
   text-align: center; 
   margin-top: 30px; 
   line-height: 30px;
}

.opportunity-container-image {
   width: 100%; 
   height: 100%; 
   object-fit: fill;
}

.fd-bc-content {
   line-height: 30px;
   font-size: 16px;
   padding-top: 25px;
}

.box-heading {
   font-size: 21px;
   font-weight: bold;   
   /* text-align: center;   
   margin-top: 15px; */
}

.box-icon {
   text-align: center;
}

.box-content {
   font-size: 14px;   
   line-height: 20px;
   /* text-align: center; */
}

.box-container {
   padding: 25px;
   padding-bottom: 40px;
}

.about-container {
   margin-top: 40px;
}

.about-content {
   color: white;
   text-align: center;
   line-height: 40px;
   font-size: x-large;
   margin: 0px 40px 0px 40px !important;
}

.button {
   background-color: #1e73be;
   color: white;
   padding: 8px 15px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 15px;
   margin: 4px 2px 0px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
   border: 2px solid #1e73be;
}
 
.button:hover {
   background-color: #1e73be;
   color: white;
}

.live-class-button-old {
   background-color: orangered;
   color: white !important;
   padding: 7px 10px !important;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 7px 2px 0px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
}

.live-class-button-old:hover {
   background-color: rgb(240, 66, 2);
   color: white;
   text-decoration: none;
}

.live-class-button-new {
   background-color: #37a066;
   color: white !important;
   padding: 7px 10px !important;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 7px 2px 0px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
}

.live-class-button-new:hover {
   background-color: #36a065;
   color: white;
   text-decoration: none;
}

.live-class-footer-button-old {
   background-color: orangered;
   color: white !important;
   padding: 7px 10px !important;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 7px 2px 0px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
}

.live-class-footer-button-old:hover {
   background-color: rgb(240, 66, 2);
   color: white;
   text-decoration: none;
}

.live-class-footer-button-new {
   background-color: #37a066;
   color: white !important;
   padding: 7px 10px !important;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 7px 2px 0px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
}

.live-class-footer-button-new:hover {
   background-color: #36a065;
   color: white;
   text-decoration: none;
}

.outline-button {
   background-color: white !important;
   color: black !important;
   border: 2px solid #1e73be !important;
}

.outline-button:hover {
   background-color: #ddd !important;
}

.outline-btn-container {
   text-align: center !important;
}

.live-class-link {
   padding-top: 0px !important;
}

.page-footer-container-link .live-class-link {
   padding-left: 0px !important;
}

.live-class-button a:link { 
   text-decoration: none; 
}

.live-class-button a:visited { 
   text-decoration: none; 
}

.live-class-button a:hover { 
   text-decoration: none; 
}

.live-class-button a:active { 
   text-decoration: none; 
}

.keyworkLink a:link { 
   text-decoration: none !important; 
}

.keyworkLink a:visited { 
   text-decoration: none !important; 
}

.keyworkLink a:hover { 
   text-decoration: none !important; 
}

.keyworkLink a:active { 
   text-decoration: none !important; 
}

.keyworkLink {
   color: #ec3446;
   font-weight: 500;
   text-decoration: none !important;
}

.header-bar-media-icon {
   padding-left: 0px !important;
}

.header-bar-credential a {
   color: white;
}

.header-bar-credential a:link { 
   text-decoration: none;
}

.header-bar-credential a:visited { 
   text-decoration: none; 
}

.header-bar-credential a:hover { 
   text-decoration: none; 
   color: white;
}

.header-bar-credential a:active { 
   text-decoration: none; 
}

.li-live-class {
   padding-top: 0px !important;
}

.box-container{
    transition: .7s ease;
}
   
.box-container1:hover{
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   transition:.7s ease;
   background-color: rgb(235, 235, 235);
}

.footer-container {
   background: black;
   color: white;
   border-top: 1px solid #5d5d5d;
   text-align: center;
}

.footer-container-content {
   margin: 17px 0px 17px 0px;
   font-size: smaller;
}

.subscription-container {
   text-align: center;
   background: black; 
   border-bottom: 1px solid #5d5d5d;
}

.subscription-logo {
   width: 200px; 
   margin: 30px 0px 30px 0px;
}

.newsletter-control {
   margin: 35px 0px 30px 0px;
}

.carousel-caption {
   position: absolute;
   top: 140px;
   text-align: left !important;
   left: 200px !important;
   top: 32%;
}

.carousel-heading {
   font-size: xxx-large;
}

.carousel-content {
   font-size: large;
}

.navbar {
   margin-bottom: 0px !important;
}

.nav-item {
   padding: 10px;
}

.header-nav-media-icon, .nav-button-mobile, .mobile-link {
   display: none;
}

.desktop-link {
   display: block;
}

.menu-dropdown-list {
   padding-bottom: 5px !important;
   padding-top: 5px !important;
}

.menu-dropdown-div {
   padding: 15px 10px !important;
   min-width: 255px !important;
}

.course-container {
   /* padding-left: 0px !important;
   padding-right: 0px !important; */
   margin-bottom: 40px;
}

.course-container-img {
   width: 100%;
   height: 370px;
   border-radius: 2%;
}

.course-gitd-teacher {
   color: grey;
   margin: 10px;
   padding-bottom: 1px;
}

.course-gitd-name p:first-of-type {
   margin: 10px 0px;
   font-weight: 800;
   padding-bottom: 1px;
   font-size: 23px;
   color: #9a2d88;
}

.detail-readmore-continue {
   text-align: right;
   font-weight: 500;
   color: #167910;
   cursor: pointer;
   font-size: 17px;
   margin-right: 40px;
}

.studentvoice-link-content-section {
   display: flex; 
   flex-direction: column; 
   justify-content: center;
}

.studentvoice-link-btn-container {
   margin-top: 25px;
}

.student-voice-layout {
   margin: 15px 0px;
}

.student-voice-layout div {
   box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%), 0 0px 10px 0 rgb(0 0 0 / 19%);
}

.student-voice-content-header {
   /* display: flex;
   justify-content: center;
   text-align: center;
   margin: 35px 0px; */
   margin-top: 15px;
}

.student-voice-header-search {
   /* display: flex; 
   justify-content: center; */
   margin-top: 25px;
}

.student-voice-header-count span {
   margin-top: 25px;
   float: right;
}

/* .student-voice-header-search input {
   width: 30% !important;
   margin-right: 15px !important;
} */

/* .student-voice-header-search i {
   font-size: 18px !important;
} */

.play-image-overlay {
   width: 85px;
   background-color: #000000a6;
   height: 85px;
   bottom: 11px;
   left: 194px;
   position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}

.play-image-overlay i {
   font-size: 65px !important;
   /* margin-left: 12px; */
}

.course-gitd-name p:last-of-type {
   margin: 10px 0px;
   font-weight: 400;
   padding-bottom: 1px;
   font-size: 18px;
}

.course-gitd-details {
   margin: 10px;
   padding-bottom: 1px;
   color: #5f5d5d;
   font-size: 15px;
   line-height: 23px;
}

.course-gitd-level {
   margin: 10px;
   padding-bottom: 1px;
   display: none;
}

.course-gitd-redirect-button {
   margin: 10px;
   padding-bottom: 1px;
}

.course-gitd-fees {
   font-size: 18px;
   font-weight: 400;
}

.course-gitd-extra-details {
   margin-top: 20px;
   font-size: 15px;
}

/* .pdfd-readmore-content {
   display: none;
} */

.about-container-heading {
   color: #1e73be; 
   font-size: 30px; 
   font-weight: 600;
}

.about-container-content {
   color: black;
   font-size: 16px;
   font-weight: 300;
   line-height: 28px;
   letter-spacing: 0.03px;
   margin: 0px 0px 25px;
}

.course-button {
   background-color: #1e73be;
   color: white;
   padding: 0px 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 13px;
   margin: 4px 2px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
   border: 2px solid #1e73be;
}

.course-button:hover {
   background-color: #1e73be;
   color: white;
}

.course-gitd-image {
   width: 60px;
   display: inline !important;
   margin-right: 5px;
}

.skill-course-content-left {
   background-color: #1b428a;
}

.skill-course-content-right {
   background-color: #1487ce;
}

.skill-course-content-list {
   font-size: 18px;
}

.point-icon {
   color: #8b0000c2;
}

.page-footer-container {
   background: black; 
   color: white;
}

.page-footer-container a:link { 
   text-decoration: none; 
}

.page-footer-container a:visited { 
   text-decoration: none; 
}

.page-footer-container a:hover { 
   text-decoration: none; 
}

.page-footer-container a:active { 
   text-decoration: none; 
}

.page-footer-container-about{
   padding: 15px;
   padding-right: 35px !important;
}

.page-footer-container-touch {
   padding: 15px; 
   padding-left: 35px;
}

.page-footer-container-link {
   padding: 15px; 
   padding-left: 35px;
}

.page-footer-container-mv { 
   padding: 15px; 
   padding-left: 35px; 
   padding-right: 35px;
}

.page-footer-container-mv-vision {
   font-size: x-large; 
   margin-top: 25px; 
   margin-bottom: 20px;
}

.page-footer-container-about-heading {
   font-size: x-large; 
   margin-top: 35px; 
   margin-bottom: 20px;
}

.page-footer-container-touch-heading {
   font-size: x-large; 
   margin-top: 35px; 
   margin-bottom: 20px;
}


.page-footer-container-mv-mission {
   font-size: x-large;
   margin-top: 35px;
   margin-bottom: 20px;
}

.page-footer-container-touch-content {
   margin-bottom: 20px;
}

.page-footer-container-touch-content p {
   display: inline; 
   margin-left: 10px;
}

.page-footer-container-link-qc {
   font-size: x-large; 
   margin-top: 35px; 
   margin-bottom: 10px;
}

.page-footer-container-link a {
   color: white;
}

/* .navbar-nav {
   margin: 7.5px 0px 0px !important;
} */

.page-footer-container-connect-heading {
   font-size: x-large; 
   margin-top: 25px; 
   margin-bottom: 20px;
}

.show-more-button {
   text-align: center;
   margin-bottom: 30px; 
}

.content-seperation-spacing {
   margin-top: 70px;
}

.page-banner {
   background-color: #1e73be;
   color: white;
}

.page-banner-container {
   padding: 80px 0px 80px 0px;
}

.page-banner-content {
   margin-bottom: 0px !important;
   font-size: 35px;
}

.page-site-map a:link { 
   text-decoration: none; 
}

.page-site-map a:visited { 
   text-decoration: none; 
}

.page-site-map a:hover { 
   text-decoration: none; 
   color: #e8c64ae6 !important;
}

.page-site-map a:active { 
   text-decoration: none; 
}

.page-site-map {
   background-color: #73a9ef;
}

.course-detail-button {
   color: black;
   padding: 8px 1px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 13px;
   margin: 4px 2px;
   transition-duration: 0.4s;
   cursor: pointer;
   border-radius: 4px;
   border: 2px solid #1e73be;
}

.course-detail-button:hover {
   background-color: #1e73be;
   color: white;
}

.course-detail-container-border {
   border: 1px solid #80808054;
}

.course-detail-container-border:hover {
   box-shadow: 0px 0px 10px grey;
}

.course-details-gitd-fees {
   margin: 10px;
   font-weight: bolder;
   padding-bottom: 1px;
}

.course-detail-hide {
   display: none;
}

.course-details-container-space {
   margin-bottom: 15px;
}

.course-container-border {
   border: 1px solid #80808054;
   margin: 0px 10px 0px 10px;
}

.course-container-border:hover {
   box-shadow: 0px 0px 10px grey;
}

.banner-carousel img{
   width:100%;
   display: block;
   height: calc(100vh - 100px) !important;
   object-position: 100% 50%;
   object-fit: cover;
}

.header-block {
   width: 100%;
   display: block;
   position: relative;
   background: white;
   z-index: 1000;
   box-shadow: 0 0.46875rem 2.1875rem rgb(4 9 20 / 3%), 
               0 0.9375rem 1.40625rem rgb(4 9 20 / 3%), 
               0 0.25rem 0.53125rem rgb(4 9 20 / 5%), 
               0 0.125rem 0.1875rem rgb(4 9 20 / 3%);
}

.header-block .container {
   background-color: white;
}

.sticky {
   position: fixed;
   top: 0;
   box-shadow: 0px 1px 2px 0px lightgray;
   height: 71px;
}

.sticky .header-block-logo {
   width: 210px;
}

.sticky .header-block-container {
   padding: 9px 0px;
}

.sticky .nav-item {
   padding: 11px 10px 10px 10px;
}

.why-choose-us-container {
   color: white;
   background: #1e73be;
}

.opportunity-container {
   background-color: #c9eef6;
}

.course-content-toggle-design, .course-content-toggle-design-detail {
   margin-bottom: 20px;
   padding-left: 0px !important;
   padding-right: 0px !important;
   /* border: 1px solid lightgrey; */
   padding: 15px !important;
   /* box-shadow: 0px 2px 7px rgb(0 0 0 / 20%); */
   border-radius: 8px;
   margin: 60px 0px 0px 0px;
}

.course-content {
   padding-left: 0px !important;
   padding-right: 0px !important;
   line-height: 34px;
}

.course-content-readmore {
   padding: 0px 15px !important;
}

.contact-details-content {
   box-shadow: 0px 2px 7px rgb(0 0 0 / 20%);
   border-radius: 8px;
   padding: 15px;
}

.contact-details {
   margin-top: 60px;
}

.contact-details-content i {
   font-size: 20px;
}

.contact-details-heading {
   color:  #1e73be;
   margin-bottom: 30px;
}

.contact-details-content-list {
   display: inline;
   font-size: 16px;
}

.contact-details-div {
   margin: 15px 0px 15px 0px;
   padding-left: 0px !important;
}

.contact-media-link {
   color: black;
}

.location-map-container {
   margin-top: 10px;
}

.location-map {
   border: 1px solid lightgray;
}

.location-map iframe {
   border: 0; 
   width: 100%;
}

.contact-details-div a:link { 
   text-decoration: none;
   color: black;
}

.contact-details-div a:visited { 
   text-decoration: none; 
}

.contact-details-div a:hover { 
   text-decoration: none; 
}

.contact-details-div a:active { 
   text-decoration: none; 
}

.about-page-image {
   width: 300px;
   height: 300px !important;
   border-radius: 50%;
}

.about-mv-section-content {
   display: inline;
}

.about-heading {
   color: #1e73be;
   margin-bottom: 20px;
}

.mv-heading {
   background-color: black;
   width: 100px;
   color: white;
   padding: 8px;
   border-radius: 15px 0px 15px 15px;
}

.mv-content {
   font-size: 21px;
   font-weight: 500;
   margin: 25px 0px 25px 0px;
}

.mv-content-next {
   font-size: 17px;
}

.mv-content-icon {
   margin-right: 15px;
}

.about-align-item {
   display: flex;
   align-items: center;
}
 
.newsletter-input {
   margin: 0px;
   padding-left: 10px;
   width: 100%;
   outline: none;
   height: 40px;
   color: grey;
}
 
.newsletter-button {
   position: absolute;
   right: 18px;
   z-index: 2;
   border: none;
   top: 1px;
   height: 38px;
   color: white;
   background-color: #1e73be;
   transform: translateX(2px);
   border: 2px solid #1e73be;
}

.fd-bc-image {
   width: 100%;
   border-radius: 15px 0px 0px 15px;
   float:right;
}

.fd-bc-heading {
   font-weight: 500;
   font-size: 35px;
   margin-bottom: 25px;
   color: #1e73be;
}

.fd-bc-sub-content {
   line-height: 30px;
   font-weight: 400;
   font-size: 16px;
   color: #1e73be;
   margin-top: 30px;
}

.fd-bc-sub-content-icon {
   margin-right: 15px;
   color: orangered;
}

.fd-bc-content-container {
   display: flex;
   align-items: center;
}

.skill-course-content {
   color: #eaeaeade;
}

.skill-course-container-left {
   margin: 15px 15px 35px 15px;
   font-size: 18px;
   text-indent: 50px;
   line-height: 30px;
}

.skill-course-container {
   margin-top: 30px !important;
}

.skill-course-content-right-list {
   margin: 15px;
}

.about-details {
   margin-top: 60px;
}

.about-details img {
   width: 100%;
}

.about-details-mission {
   padding: 35px 25px 25px 45px;
}

.about-details-vision {
   padding: 20px 25px 25px 45px;
}

.mv-seperator { 
   margin-top: 50px;
}

.in-association-with-container {
   text-align: center;
}

.course-details-heading {
   font-weight: 500;
   font-size: 23px;
   margin-top: 0px !important;
}

.course-detail-content-icon {
   margin: 0px 10px 0px 20px;
}

.course-detail-fee-icon {
   margin-right: 10px;
}

.checked {
   color: orange;
}

.course-detail-container-img {
   width: 100%;
   height: 365px;
   margin-bottom: 20px;
}

.course-details-right-row {
   margin-bottom: 5px !important;
   padding-left: 15px;
}

.table_working_hours tr {
   height: 30px;
}

.table_working_hours td {
   width: 130px;
}

.course-detail-selection {
   display: none;
}

.select-district {
   display: block;
   font-size: 16px;
   font-weight: 500;
   color: #444;
   line-height: 1.3;
   padding: .6em 1.4em .5em .8em;
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
   margin: 0;
   border: 1px solid #aaa;
   box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
   border-radius: .5em;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   background-color: #fff;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
     linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
   background-repeat: no-repeat, repeat;
   background-position: right .7em top 50%, 0 0;
   background-size: .65em auto, 100%;
   margin-left: auto;
   margin-right: auto;
   width: 15em;
}

.district-branches-list {
   display: none;
   margin-top: 30px;
}

.branch-icon {
   color: #1e73be;
   margin-right: 10px;
}

.branch-location-list {
   padding-left: 0px !important;
}

.branch-location-list p {
   margin-top: 10px;
}

.navbar-expand-drop {
   float: right !important;
}

.container-iframe {
   position: relative;
   overflow: hidden;
   width: 100%;
   /* padding-top: 56.25%; */
}
 
.responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
}

.student-name {
   margin-top: 10px;
   font-weight: 500;
   font-size: 18px;
}

.studentvoice-image:hover {
   cursor: pointer;
}

.studentvoice-image {
   border: 1px solid lightgray;
}

.modal-body {
   padding: 0px !important;
}

.in-associate-with-nsdc img {
   width: 280px; 
   margin-top: 45px;
}

.in-associate-with-sk img {
   width: 180px; 
   margin-top: 45px;
}

.in-associate-with-bss img {
   width: 120px; 
   margin-top: 45px;
}

.in-associate-with-nsdc .in-associate-with-sk .in-associate-with-bss {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.header-block-container {
   padding: 20px 0px;
}

.home-course-container .course-content-toggle-design:nth-child(odd) {
   display: flex;
   flex-direction: row-reverse;
}

.course-container .course-content-toggle-design:nth-child(odd) {
   display: flex;
   flex-direction: row-reverse;
}

.course-details-icon {
   margin-right: 20px;
   color: #1e73be;
}

.course-content-container {
   padding-left: 20px;
}

.sort-item {
   width: 33.3%;
   padding-left: 15px;
   padding-right: 15px;
}

.sort-list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.sort-list > div > div {
   padding: 15px;
}

.sort-list a:link { 
   text-decoration: none; 
   color: black;
}

.sort-list a:visited { 
   text-decoration: none; 
}

.sort-list a:hover { 
   text-decoration: none; 
}

.sort-list a:active { 
   text-decoration: none; 
}

.blog-heading h3 {
   font-weight: 400;
   font-size: 16px;
   margin-top: 0px !important;
   line-height: 25px;
}

.blog-heading a {
   color: black !important;
}

.blog-heading a:link, .blog-readmore a:link { 
   text-decoration: none;
}

.blog-content-container {
   padding-top: 15px; 
   padding-bottom: 15px;
}

.blog-container-div {
   padding: 0;
   /* background-color: #d3d3d345; */
   display: flex;
   flex-direction: column;
   align-items: center;
}

.blog-pop-container {
   width: 90%;
   background-color: white;
   padding: 20px;
   box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
   border-radius: 10px;
   margin: -50px 0 0;
}

.blog-list-image {
   width: 100%;
   height: 225px !important;
}

.blog-image {
   width: 100%;
}

.blog-readmore {
   display: flex; 
   justify-content: space-between; 
   color: #989797;
   font-size: 13px;
}

.blog-container {
   margin-top: 60px;
}

.blog-detail-container {
   display: flex;
   justify-content: center;
   display: none;
}

.blog-detail-image img {
   width: 100%;
   height: 400px;
   margin-bottom: 25px;
}

.blog-details-info {
   margin: 15px 0px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.blog-details-info img {
   width: 125px;
}

.blog-detail-heading {
   margin-top: 60px;
   margin-bottom: 25px;
   font-size: 22px;
   font-weight: 500;
}

.blog-details-content p {
   font-size: 17px;
   line-height: 30px;
   margin-bottom: 15px;
}

.blog-detail-container-margin {
   padding-right: 0px !important;
   padding-left: 0px !important;
}

.gallery-pic {
   box-shadow: 0px 0px 5px 0px #bbbbbb;
   /* padding: 30px 30px 30px 30px; */
   margin: 5px 15px 30px 15px;
   overflow: hidden;
   position: relative;
   height: auto;
}

.gallery-pic img {
   width: 100%;
}

.gallery-slider .owl-controls {
   display: none !important;
}

.no-data-found-div {
   display: none;
   text-align: center; 
   font-weight: 400; 
   color: #e41c1c;
}

.student-work-container {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.student-work-course {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.student-work-batch {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.student-work-button {
   padding-left: 0px;
   padding-right: 0px;
   margin-top: 25px;
}

.student-work-layout {
   margin: 15px 0px;
}

.student-work-layout div {
   box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%), 0 0px 10px 0 rgb(0 0 0 / 19%);
}

.student-work-image {
   width: 100%;
   height: 158px;
   border: 1px solid #c1c0c0;
   padding: 4px;
}

.student-work-image-container {
   padding-bottom: 15px;
   padding-top: 15px;
}

.student-work-image-container p {
   padding-top: 10px !important;
}

.student-work-image-container-index {
   padding-bottom: 15px;
   padding-top: 15px;
}

.student-work-image-index {
   width: 100%;
   height: 225px;
   border: 1px solid #c1c0c0;
   padding: 4px;
   box-shadow: 0 0px 5px 0 rgb(0 0 0 / 20%), 0 0px 10px 0 rgb(0 0 0 / 19%);
}

.student-work-image-container-index-viewmore {
   margin: 25px 0px;
   text-align: center;
}

.student-work-image-container-index-viewmore p {
   font-size: 15px;
   font-weight: 600;
}

.student-work-image-container-index-viewmore a {
   border: 1px solid #337ab7;
   padding: 8px;
   border-radius: 10px;
}

.student-work-image-container-index-viewmore a:link { 
   text-decoration: none;
}

.student-work-image-container-index-viewmore a:visited { 
   text-decoration: none; 
}

.student-work-image-container-index-viewmore a:hover { 
   text-decoration: none; 
}

.student-work-image-container-index-viewmore a:active { 
   text-decoration: none; 
}

/*testimonial slider start*/
iframe:focus {
   outline: none;
}
 
iframe[seamless] {
   display: block;
}

.modal {
   padding-right: 0px !important;
}

.testimonial {
   box-shadow: 0px 0px 5px 0px #bbbbbb;
   padding: 30px 30px 30px 30px;
   margin: 5px 15px 30px 15px;
   overflow: hidden;
   position: relative;
   height: auto;
}

/* .testimonial:before{
   content: "";
   position: absolute;
   bottom: -4px;
   left: -17px;
   border-top: 25px solid #29D18B;
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   transform: rotate(45deg);
} */

/* .testimonial:after{
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   border-top: 25px solid #1e73be;
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   transform: rotate(0deg);
} */

.testimonial .pic{
   display: flex;
   align-items: center;
}

.testimonial .description{
   font-size: 15px;
   letter-spacing: 1px;
   color: #6f6f6f;
   line-height: 25px;
   margin: 50px 0px 20px;
}

.testimonial .title{
   display: inline-block;
   font-size: 17px;
   font-weight: 600;
   letter-spacing: 1px;
   margin: 15px;
}

.testimonial .post{
   display: inline-block;
   font-size: 17px;
   color: #1e73be;
   font-style:italic;
}

.owl-theme .owl-controls .owl-page span{
   border: 2px solid #2A3D7D;
   background: #fff !important;
   border-radius:0 !important;
   opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
   background: #1e73be !important;
   border-color:#1e73be;
}

.testimonial-slider {
   margin-top: 40px !important;
}

.gallery-slider {
   margin-top: 40px !important;
}

.basic-fee-details-container {
   margin-top: 60px; 
   display: flex; 
   justify-content: center; 
   line-height: 35px;
}

.reexam-details-container {
   margin-top: 60px; 
   display: flex; 
   justify-content: center; 
   line-height: 35px;
}

.examSelectorGroup {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 767px){
   .testimonial {
       padding: 20px;
   }

   .testimonial .pic{
       position: static;
       margin: 0 auto 15px;
   }
}
/*testimonial slider end*/

/*banner carousel start*/
header .item {
   height: 100vh;
   position: relative;
}

header .item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

header .item .cover {
   padding: 75px 0;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.3);
   display: flex;
   align-items: center;
}

header .item .cover .header-content {
   position: relative;
   padding: 56px;
   overflow: hidden;
}

header .item .cover .header-content .line {
   content: "";
   display: inline-block;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   position: absolute;
   /* border: 9px solid #fff;
   -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
   clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); */
}

header .item .cover .header-content h2 {
   font-weight: 300;
   font-size: 40px;
   color: #fff;
}

header .item .cover .header-content h1 {
   font-size: 56px;
   font-weight: 600;
   margin: 5px 0 20px;
   word-spacing: 3px;
   color: #fff;
}

header .item .cover .header-content h4 {
   font-size: 20px;
   font-weight: 300;
   line-height: 36px;
   color: #fff;
}

header .owl-item.active h1 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInDown;
   animation-delay: 0.3s;
}

header .owl-item.active h2 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInDown;
   animation-delay: 0.3s;
}

header .owl-item.active h4 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.3s;
}

header .owl-item.active .line {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: 0.3s;
}

header .owl-nav .owl-prev {
   position: absolute;
   left: 15px;
   top: 43%;
   opacity: 0;
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
   background: rgba(0, 0, 0, 0.5) !important;
   width: 40px;
   cursor: pointer;
   height: 40px;
   position: absolute;
   display: block;
   z-index: 1000;
   border-radius: 0;
}

header .owl-nav .owl-prev span {
   font-size: 1.6875rem;
   color: #fff;
}

header .owl-nav .owl-prev:focus {
   outline: 0;
}

header .owl-nav .owl-prev:hover {
   background: #000 !important;
}

header .owl-nav .owl-next {
   position: absolute;
   right: 15px;
   top: 43%;
   opacity: 0;
   -webkit-transition: all 0.4s ease-out;
   transition: all 0.4s ease-out;
   background: rgba(0, 0, 0, 0.5) !important;
   width: 40px;
   cursor: pointer;
   height: 40px;
   position: absolute;
   display: block;
   z-index: 1000;
   border-radius: 0;
}

header .owl-nav .owl-next span {
   font-size: 1.6875rem;
   color: #fff;
}

header .owl-nav .owl-next:focus {
   outline: 0;
}

header .owl-nav .owl-next:hover {
   background: #000 !important;
}

header:hover .owl-prev {
   left: 0px;
   opacity: 1;
}

header:hover .owl-next {
   right: 0px;
   opacity: 1;
}

header .item {
   height: 81vh;
}
/*banner carousel end*/

.gal {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
   -moz-column-count: 3; /* Firefox */
   column-count: 3;
}

.gal img { 
   width: 100%; 
   padding: 7px 0;
}

@media (max-width: 500px) {		
   .gal {
	   -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
	}
	
    #certificateBgImage {
        width: 82%;
    }
}

@media only screen and (max-width: 600px) {
   .sysView {
      display: none;
   }
   
   .mobView {
      display: block;
   }

   .examRegContainerDiv {
      width: 100%;
   }

   .exam-div-container-list {
      flex-direction: column;
   }

   .container-marklist {
      margin-bottom: 30px;
      padding-right: 0px !important;
      padding-left: 0px !important;
   }

   .container-revaluation-marklist {
      margin-bottom: 30px;
      padding-right: 0px !important;
      padding-left: 0px !important;
   }

   .container-certificate {
      padding-right: 0px !important;
      padding-left: 0px !important;
   }

   .banner-carousel img {
      object-position: 60% 50%;
   }

   .carousel-caption {
      left: 55px !important;
   }         

   .carousel-heading {
      font-size: 35px;
   }

   .carousel-content {
      font-size: medium;
   }

   .about-container-content {
      margin-top: 30px;
   }

   .header-block-logo {
      width: 170px !important;
   }

   .header-logo-container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .navbar-toggler-icon {
      width: 33px !important;
      height: 33px !important;
   }

   .navbar-toggler {
      border: none !important;
   }

   .course-gitd-redirect-button {
      margin: 10px 10px 10px 0px;
   }

   .about-details-vision {
      padding: 45px 25px 25px 45px !important;
   }

   .skill-course-content-left .skill-course-content-right {
      color: #eaeaeade;
   }

   .skill-course-content-left {
      padding-bottom: 20px;
   }

   .skill-course-content-right {
      padding-bottom: 45px;
   }

   .box-heading {
      text-align: center;
   }

   .box-content {
      text-align: center;
   }

   .box-icon-div {
      margin-bottom: 20px;
   }

   .why-choose-us-container-div-row-first {
      margin-bottom: 20px;
   }

   .why-choose-us-container-div-row-second {
      margin-bottom: 40px;
   }

   .navbar-expand-drop {
      float: none !important;
      text-align: center;
   }

   .header-container-sub {
      display: block;
   }

   .header-container {
      display: none;
   }

   .header-container-sub-icons {
      text-align: left;
   }

   .header-container-sub-mob {
      text-align: right;
   }

   header .item {
      height: 70vh;
   }
  
   header .item .cover .header-content h2 {
      font-size: 25px;
   }
  
   header .item .cover .header-content h4 {
      font-size: 15px;
      line-height: 30px;
   }

   header .item .cover .header-content {
      padding: 56px 20px 56px 15px !important;
   }

   header .item .cover {
      align-items: center;
   }

   .header-block-container {
      padding: 10px 0px !important;
   }

   .course-container-img {
      height: 200px;
   }

   .home-course-container .course-content-toggle-design:nth-child(odd) {
      display: flex;
      flex-direction: column;
   }

   .course-container .course-content-toggle-design:nth-child(odd) {
      display: flex;
      flex-direction: column;
   }

   .course-content-toggle-design {
      padding: 0px !important;
   }

   .course-container {
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   .course-content-container {
      padding-left: 0px !important;
   }

   .about-container-heading {
      font-size: 25px;
      font-weight: 500;
   }

   .fd-bc-image {
      margin-bottom: 25px !important;
   }

   .about-container-image {
      width: 100%;
   }

   .course-gitd-name {
      font-size: 18px;
   }

   .course-gitd-details {
      font-size: 15px;
   }

   .course-gitd-details p {
      display: flex;
   }

   .course-gitd-details i {
      line-height: 24px;
   }

   .course-gitd-fees {
      font-size: 18px;
   }

   .course-detail-container-img {
      height: 200px;
   }

   .student-voice-container .col-md-4 {
      margin-bottom: 30px;
   }

   .fd-bc-heading {
      font-weight: 400;
      font-size: 25px;
   }

   .fd-bc-sub-content {
      font-size: 15px;
   }

   .fd-bc-content {
      font-size: 15px;
   }

   .fd-bc-heading {
      font-weight: 400;
      font-size: 25px;
   }

   .fd-bc-content-container {
      display: block;
   }

   .header-container-sub-icons a:link { 
      text-decoration: none;
   }
   
   .header-container-sub-icons a:visited { 
      text-decoration: none; 
   }
   
   .header-container-sub-icons a:hover { 
      text-decoration: none; 
   }
   
   .header-container-sub-icons a:active { 
      text-decoration: none; 
   }

   .header-bar {
      display: flex;
      justify-content: space-between;
   }

   .live-class-link {
      padding-left: 0px !important;
   }

   .course-button {
      margin: 4px 11px !important;
   }

   .sort-item {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
   }

   .blog-container {
      padding-left: 0px !important;
      padding-right: 0px !important;
   }

   .blog-container, .blog-detail-container {
      margin-top: 30px !important;
   }

   .testimonials-frame {
      height: 635px !important;
   }

   .gallery-frame {
      height: 287px !important;
   }

   .testimonial {
      height: 328px !important;
   }

   .sticky {
      height: 55px;
   }
   
   .sticky .header-block-logo {
      width: 170px !important;
   }
   
   .sticky .header-block-container {
      padding: 6px 0px !important;
   }

   .about-details-mission {
      padding: 0px 25px 25px 45px;
   }
   
   .about-details-vision {
      padding: 45px 15px 10px 15px !important;
   }

   .course-details-right-row {
      margin-top: 20px;
   }

   .page-footer-container-link a {
      margin-left: 15px !important;
   }

   .blog-detail-image img {
      width: 100%;
      height: 220px;
   }

   .skill-course-content-list {
      display: flex;
   }

   .skill-course-content-list i {
      line-height: 26px;
      margin-right: 10px;
   }

   .blog-detail-heading {
      margin-top: 20px;
   }

   .about-container {
      margin-top: 15px !important;
   }

   .nav-social-media-link {
      color: black !important
   }

   .nav-media-icon-instagram {
      padding-left: 8px;
   }

   .nav-media-icon-youtube {
      height: 28px;
      padding-left: 12px;
   }

   .live-class-link-desktop {
      display: none;
   }

   .header-nav-media-icon, .nav-button-mobile, .mobile-link {
      display: block;
   }

   .desktop-link {
      display: none;
   }

   .nav-button-mobile a:link, .header-nav-media-icon a:link { 
      text-decoration: none;
   }
   
   .nav-button-mobile a:visited, .header-nav-media-icon a:visited { 
      text-decoration: none; 
   }
   
   .nav-button-mobile a:hover, .header-nav-media-icon a:hover { 
      text-decoration: none; 
   }
   
   .nav-button-mobile a:active, .header-nav-media-icon a:active { 
      text-decoration: none; 
   }

   .app-form-image-upload-div {
      border: 1px solid;
      height: 155px;
      width: 127px;
      position: relative;
   }
  
   .image-upload-text {
        display: flex;
        justify-content: space-evenly;
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: black;
        opacity: 0.5;
   }
   
   .page-banner-content {
       margin-bottom: 0px !important;
       font-size: 30px !important;
   }

   .mobile-modal-view {
      top: calc(25%) !important;
   }

   /* .studentvoice-link-container {
      display: flex;
      flex-direction: column-reverse;
   } */

   .studentvoice-link-content-section {
      margin: 20px 0px;
      text-align: center;
   }

   .studentvoice-link-btn-container {
      text-align: center;
   }

   .play-image-overlay {
      width: 55px;
      height: 55px;
      background-color: #000000a6;
      bottom: 7px;
      left: 115px;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
   }

   .play-image-overlay i {
      font-size: 40px !important;
      /* margin-left: 12px; */
   }

   /* .student-voice-header-search input {  } */

   .student-work-image {
      width: 100%;
      height: 225px;
   }

   .student-work-image-index {
      height: 175px;
   }

   .sub-content-heading {
      font-size: 29px;
      font-weight: 600;
   }

   .opportunity-container-sub-heading {
      font-size: 18px;
   }

   .enquiryButton {
      width: 100%;
   }

   .div-link-area i {
      font-size: 40px !important;
   }

   .div-link-area span {
      font-size: 14px !important;
   }
   
    #certificateBgImage {
        width: 82%;
    }
    
    #certficateRegDiv {
        width: 75%;
    }
    
    #certficateRegDiv {
        top: 5%;
        width: 75%;
        left: 7%;
    }
    
    #certficateBodyDiv {
        width: 70%;
        top: 35%;
        left: 7%;
    }
    
    #certificateDateDiv {
        top: 49%;
        left: 7%;
    }
    
    #certificateTpIdDiv {
        top: 62.5%;
        left: 15.5%;
    }
}

@media (min-width: 1200px) {
   .container {
      width: 1190px !important;
   }
}

@media (min-width: 1200px) {
   .container {
      max-width: 1190px !important;
   }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {

}

/* @media screen and (orientation:landscape) {
   .header-container-sub {
      display: block;
   }

   .header-container {
      display: none;
   }

   .sort-item {
      width: 100%;
   }

   .header-bar {
      display: flex;
      justify-content: space-between;
   }

   .live-class-link-desktop {
      display: none;
   }

   .header-nav-media-icon, .nav-button-mobile, .mobile-link {
      display: block;
   }

   .header-logo-container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .header-block-container {
      padding: 5px 0px;
   }

   .header-block-logo {
      width: 170px !important;
   }

   .sticky .header-block-logo {
      width: 170px !important;
   }
} */